<?php
/**
 *
 * PHP versions 4 and 5
 *
 * CakePHP(tm) : Rapid Development Framework (http://cakephp.org)
 * Copyright 2005-2011, Cake Software Foundation, Inc. (http://cakefoundation.org)
 *
 * Licensed under The MIT License
 * Redistributions of files must retain the above copyright notice.
 *
 * @copyright     Copyright 2005-2011, Cake Software Foundation, Inc. (http://cakefoundation.org)
 * @link          http://cakephp.org CakePHP(tm) Project
 * @package       cake
 * @subpackage    cake.cake.libs.view.templates.layouts
 * @since         CakePHP(tm) v 0.10.0.1076
 * @license       MIT License (http://www.opensource.org/licenses/mit-license.php)
 */
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<?php echo $this->Html->charset(); ?>
	<title>
		<?php echo $title_for_layout; ?>
	</title>
	<?php

		//echo $this->Html->css('cake.generic');
		echo $this->Html->css('reset'); 		
		echo $this->Html->css('style'); 
		echo $this->Html->css('grid_12'); 
		echo $this->Html->css('superfish'); 
		echo $this->Html->script('jquery-1.6.2.min');
		echo $this->Html->script('superfish');  

		echo $scripts_for_layout;
	?>
	<script type="text/javascript">
	function goToByScroll(id)
		{
			$('html,body').animate({scrollTop: $("#"+id).offset().top},'slow');
		}
	</script>
</head>
<body>
	<header id="top">
		<div class="logo">
			<h1>
				<a href="#">
					<?php echo $html->image('logo.png');?>
				</a>
			</h1>
		</div>
		<nav>
          <ul class="sf-menu shadow sf-js-enabled">
              <li class="current">
              	<a href="<?php echo $html->url(array('controller' => 'home', 'action' => 'index'));?>">
              		<cufon class="cufon cufon-canvas" alt="Trang chủ" style="width: 54px; height: 18px; ">
              			<canvas width="63" height="19" style="width: 63px; height: 5px; top: 0px; left: -1px; "></canvas>
              			<cufontext>Trang chủ</cufontext>
              		</cufon>
              	</a>
              </li>
              <li>
              	<a href="#">
              		<cufon class="cufon cufon-canvas" alt="About " style="width: 54px; height: 18px; ">
              			<canvas width="63" height="19" style="width: 63px; height: 5px; top: 0px; left: -1px; "></canvas>
              			<cufontext>Giới thiệu</cufontext>
              		</cufon>
              	</a>
              </li>
              <li>
              	<a href="#">
              		<cufon class="cufon cufon-canvas" alt="About " style="width: 54px; height: 18px; ">
              			<canvas width="63" height="19" style="width: 63px; height: 5px; top: 0px; left: -1px; "></canvas>
              			<cufontext>Tin tức</cufontext>
              		</cufon>
              	</a>
              </li>
              <li>
              	<a href="#">
              		<cufon class="cufon cufon-canvas" alt="About " style="width: 54px; height: 18px; ">
              			<canvas width="63" height="19" style="width: 63px; height: 5px; top: 0px; left: -1px; "></canvas>
              			<cufontext>Khuyến Mại</cufontext>
              		</cufon>
              	</a>
              </li>
              <li class="">
              	<a href="#" class="sf-with-ul">
              		<cufon class="cufon cufon-canvas" alt="Portfolio" style="width: 54px; height: 18px; ">
              			<canvas width="63" height="19" style="width: 63px; height: 5px; top: 0px; left: -1px; "></canvas>
              			<cufontext>Dịch vụ</cufontext>
              		</cufon>
              	</a>
              	<ul>
                    <li>
                    	<a href="#">
                    		<cufon class="cufon cufon-canvas" alt="videos" style="width: 61px; height: 17px; ">
                    			<canvas width="70" height="18" style="width: 70px; height: 5px; top: 0px; left: -1px; "></canvas>
                    			<cufontext>Chăm sóc da mặt</cufontext>
                    		</cufon>
                    	</a>
                    	<ul>
                            <li>
                            	<a href="#">
	                            	<cufon class="cufon cufon-canvas" alt="Fresh" style="width: 48px; height: 17px; ">
	                            	<canvas width="54" height="18" style="width: 54px; height: 5px; top: 0px; left: -1px; "></canvas>
	                            	<cufontext>Tẩy da chết</cufontext></cufon>
                            	</a>
                            </li>
                            <li>
                            	<a href="#">
                            		<cufon class="cufon cufon-canvas" alt="archive" style="width: 74px; height: 17px; ">
                            			<canvas width="82" height="18" style="width: 82px; height: 5px; top: 0px; left: -1px; "></canvas>
                            			<cufontext>Làm trắng da</cufontext>
                            		</cufon>
                            	</a>
                            </li>
                        </ul>
                    </li>
                    <li>
                    	<a href="#" class="sf-with-ul">
                    		<cufon class="cufon cufon-canvas" alt="pictures" style="width: 74px; height: 17px; ">
                    		<canvas width="83" height="18" style="width: 83px; height: 5px; top: 0px; left: -1px; "></canvas>
                    		<cufontext>Cắt tóc</cufontext></cufon><span class="sf-sub-indicator"></span>
                    	</a>
                        <ul>
                            <li>
                            	<a href="#">
	                            	<cufon class="cufon cufon-canvas" alt="Fresh" style="width: 48px; height: 17px; ">
	                            	<canvas width="54" height="18" style="width: 54px; height: 5px; top: 0px; left: -1px; "></canvas>
	                            	<cufontext>Cắt tóc ngắn</cufontext></cufon>
                            	</a>
                            </li>
                            <li>
                            	<a href="#">
                            		<cufon class="cufon cufon-canvas" alt="archive" style="width: 74px; height: 17px; ">
                            			<canvas width="82" height="18" style="width: 82px; height: 5px; top: 0px; left: -1px; "></canvas>
                            			<cufontext>Cắt tóc dài</cufontext>
                            		</cufon>
                            	</a>
                            </li>
                        </ul>
                    </li>
                </ul>
              </li>
              <li>
              	<a href="#">
              		<cufon class="cufon cufon-canvas" alt="Staff" style="width: 54px; height: 18px; ">
              			<canvas width="63" height="19" style="width: 63px; height: 5px; top: 0px; left: -1px; "></canvas>
              			<cufontext>Sản phẩm</cufontext>
              		</cufon>
              	</a>
              </li>
              <li>
              	<a href="<?php echo $html->url(array('controller' => 'home', 'action' => 'contact'));?>">
              		<cufon class="cufon cufon-canvas" alt="Liên hệ" style="width: 54px; height: 18px; ">
              			<canvas width="63" height="19" style="width: 63px; height: 5px; top: 0px; left: -1px; "></canvas>
              			<cufontext>Liên hệ</cufontext>
              		</cufon>
              	</a>
              </li>
          </ul>    
		</nav>
		<div class="clear"></div>
	</header>
  
	<div class="max">
	  	<div class="main">
	  		<section id="content">
	  			<div class="container_12">
	  				<div class="grid_12">
						<div class="slider" style="position: relative; z-index: 1; overflow: hidden; ">
							<div class="mask">
								<?php echo $html->image('slider-2.jpg', array('width' => 940, 'height' => 320));?>
							</div>
						</div>
					</div>
	  				<?php echo $content_for_layout;?>
	  				<div class="clear"></div>
	  			</div>
	  		</section>
	  		<footer>
				<p>Binhminhsoftware <strong>©</strong> 2012<span>|</span><a href="#">Binhminhsoftware.com</a><!-- {%FOOTER_LINK} --></p>
			</footer>
		</div>
		<a class="top" onclick="goToByScroll('top'); return false;" href="#"><span>TOP</span></a>
	</div>
</body>
</html>